@import './common.styl'
boxShadow = 0px 0px 5px 5px #ecf1fa

borderRadius = 5px
*
    -webkit-box-sizing: border-box
    -moz-box-sizing: border-box
    box-sizing: border-box

address, caption, cite, code, dfn, th, var, em, i
    font-style: normal
    font-weight: normal

.liveing
    background: #fff
    box-shadow: boxShadow
    border-radius:borderRadius
.select
    font-size:20px
    color:#808080
    padding-right:22px
    position:relative
    float:right
    height:30px
    line-height:30px
    margin-top:28px
    cursor:pointer
    &:after
        sanjiaoxing(7px,6px,'',6px,#808080)
        top:13px
        right:0
.liveingtitle
    line-height:90px
    height:90px
    border-bottom:2px solid #DADEE8;
    padding:0 20px
.liveingtitle
    span
        display:block
        color:#1966FF
        width:128px
        font-size:20px
        font-weight: 800
        position: relative
        text-align:center
        float:left
        &:after
            content:''
            display:block
            width:128px
            height:0
            border-bottom:3px solid #1966FF
            position:absolute
            left:0
            bottom:0
.liveingbox
    background:#fff
    overflow:hidden
    padding:0 20px
.liveingboxli
    overflow:hidden
    padding:40px 0
    border-bottom:1px solid #DADEE8
    &:last-child
        border-bottom:none
.liveingboxlilf
    width:134px
    margin-left:-100%
    font-size:16px
    color:#808080
    float:left
    span
        display:block
        line-height:34px
        &:first-child
            line-height:18px
    .jaojishi
        width:114px
        height:28px
        border-radius:14px
        font-size:14px
        overflow:hidden
        border:1px solid #333
        margin-top:6px
        i,em
            display:block
            float: left
            line-height:26px
            text-align:center
        i
           width:48px
        em
           width:64px 
           background: #333333
           color:#fff
           
.liveingboxlirg
    width:238px
    float:left
    margin-left:-238px
    margin-top:16px
    em
        display:block
        color:#98A0A8
        font-size:14px
        width:140px
        text-align:center
        line-height:24px
    a
        display:block
        width:140px
        height:42px
        line-height:40px
        text-align:center
        border:1px solid #1966FF
        border-radius:21px
        color:#1966FF
        font-size:0
        
        i
            display:inline-block
            width:17px
            height:17px
            background:url('../img/yuyue.png') no-repeat
            vertical-align: middle
            margin-right:4px
        span
            display:inline-block
            vertical-align: middle
            font-size:16px
    .huifang
        border-color:#F1AE2A
        color:#F1AE2A
        i
            background:url('../img/huifang.png') no-repeat
.liveingboxlicenter
    width:100%;
    float:left
    .liveingboxlicentera
        overflow:hidden
        margin:0 238px 0 134px
        padding-left:50px
    img
        display:block
        float:left
        width:85px
        height:85px
        margin-left:-100%
        border-radius:50%
        background:#ddd
    .liveingboxlicenterbox
        width:100%
        padding-left:15px
        float:left
        ul{
            margin-left:85px
        }
    .liveingboxlicenterboxitem1
        font-size:16px
        color:#333
        ellipsis()
    .liveingboxlicenterboxitem2
        font-size:16px
        color:#98A0A8
        line-height:42px
    .liveingboxlicenterboxitem3
        i
            display:inline-block
            line-height:20px
            width:40px
            text-align:center
            background:#1966FF
            color:#fff
            font-size:12px
            radius(10px,10px,10px,'')
        .mianfei
            background:#F53930
        em
            display:inline-block
            line-height:20px
            background:#F7F7F7
            padding:0 4px
            border-radius:2px
            font-size:12px
            color:#9B9FA7
            margin-left:15px
.liveingboxbtn
    text-align:center
    padding:20px 20px 40px 20px
    a
        font-size:16px
        color:#333
@media only screen and (min-width: 1448px)
    .liveingboxlicenter
        .liveingboxlicentera
            padding-left:50px
@media only screen and (max-width: 1448px)
    .liveingboxlicenter
        .liveingboxlicentera
            padding-left:20px
